<template>
   <div>
       父组件prop传参 {{postTitle}}
       <hr>
       父组件prop2传参 {{postTitle2}}
       <hr>
       父组件prop传参 - 对象
       <p v-for="(item,index) in postList" :key="item.id">{{index}} - {{item.name}}</p>
       <hr>
       父组件prop传参 - 方法
       <button v-on:click="postFn">父组件-方法</button>
        <hr>
        子组件传递数据给父级
        <button v-on:click="sendMsgToParent">子组件传参父级</button>
   </div>
</template>
<script>
module.exports = {
    data: function () {
        return {
            sonObj: {
                'name': '子组件',
                'val': 123
            }
        }
    },
    //引入父组件数据或方法
    props: [
        'postTitle',
        'postTitle2',
        'postList',
        'postFn'
    ],
    methods:{
        sendMsgToParent(){
            this.$emit('func','来自子组件');
            // this.$emit('func',this.sonObj);
        }
    }
}
</script>

<style>

</style>